<template>
    <div>
        <ihead>
        </ihead>
        <canvas class="dataBlock" id="bolck_border" width="1920" height="956"></canvas>

        <bolckBorder class="bolckBorder_1" title="17市工作进展" :x="23" :y="0" :width="278" :height="694" :r="15">
            <city>
            </city>
        </bolckBorder>

        <bolckBorder1  :x="348" :y="0" :width="1230" :height="160" :r="15">
            <TotalData></TotalData>
        </bolckBorder1>

        <bolckBorder class="bolckBorder_1" title="省级工作进展" :x="348" :y="186" :width="278" :height="507" :r="15">
            <departmentData></departmentData>
        </bolckBorder>
        <bolckBorder class="bolckBorder_1" title="各市审核排名" :x="660" :y="186" :width="918" :height="507" :r="15">
            <sdmap></sdmap>
            <adoptRanking></adoptRanking>
        </bolckBorder>

        <bolckBorder class="bolckBorder_1" title="实时工作动态" :x="1621" :y="0" :width="278" :height="453" :r="15">
            <WorkDynamics></WorkDynamics>
        </bolckBorder>

        <bolckBorder class="bolckBorder_1" title="今日统计" :x="1621" :y="485" :width="278" :height="211" :r="15">
            <todayCount></todayCount>
        </bolckBorder>

        <bolckBorder class="bolckBorder_1" title="分项填报情况" :x="23" :y="717" :width="1567" :height="214" :r="15">
            <classifiedData></classifiedData>
        </bolckBorder>
        
        <bolckBorder1  :x="1620" :y="750" :width="280" :height="180" :r="15">
            <recentWord></recentWord>
        </bolckBorder1>
        
    </div>
</template>

<script>
    import ihead from '@/components/common/head'
    import bolckBorder from '@/components/common/bolck_border'
    import bolckBorder1 from '@/components/common/bolck_border_1'
    import city from '@/components/common/city_17'
    import WorkDynamics from '@/components/common/Work_dynamics'
    import todayCount from '@/components/common/today_count'
    import classifiedData from '@/components/common/classified_data'
    import TotalData from '@/components/common/Total_data'
    import recentWord from '@/components/common/recent_word'
    import departmentData from '@/components/common/department_data'
    import sdmap from '@/components/common/sdmap'
    import adoptRanking from '@/components/common/adopt_ranking'
    
    export default {
        name: 'idata',
        data(){
            return {
                msg: '山东省双招双引考核信息系统',
            }
        },
        components:{
            ihead,
            bolckBorder,
            city,
            WorkDynamics,
            todayCount,
            classifiedData,
            bolckBorder1,
            TotalData,
            recentWord,
            departmentData,
            sdmap,
            adoptRanking
        },
        computed:{
            c(){
                return document.getElementById("bolck_border")
            },
            ctx(){
                return this.c.getContext('2d')
            },
            window_h(){
                return $(window).height()-124
            },
            window_w(){
                return $(window).width()
            }
        }
    }
</script>

<style scoped>
    *{
        margin: 0px;
        padding: 0px;
    }
    .dataBlock{
        background-color: #0b111f;
    }
    .bolckBorder_1{
        margin-left: 20px;
    }
</style>
